<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div>
        {{info}}
    </div>
<!--引入vue 从 cdn服务器引入vue-->
    <!--<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>-->
<!--从本地引入vue框架-->
<script src="vueScript/vue.min.js"></script>
<script>
    //vue对象相当于MVVM设计模式中的VM,负责将页面中可能发生的改变的元素和变量进行绑定
    //并且会在内存中不断监听变量值的改变,当值发生改变时,会自动找到对应的页面位置,将页面中的内容一起改动
    let v=new Vue({
        el:"body>div",//设置被Vue对象所管理的范围
        data:{//在data里面定义和元素绑定的变量
            info:"hello Vue!!!!!"
        }
    })
</script>
</body>
</html>